<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SecureMedicalChart-About US</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../lib/jquery.validate.js" type="text/javascript"></script>

<style>
<!--
#seccontent_right p{
clear:both;
margin-top:0px;
margin-bottom:0px;
}
#seccontent_right label{
width:100px;
float:left;

}
#seccontent_right input{
float:left;
}
.requiredlabel{
	color:#F00;	
	}
#commentForm label.error, #commentForm input.submit { margin-left: 0px;width:100px;color:#F00; }
-->
</style>
<script type="text/javascript">
$.validator.setDefaults({
	submitHandler: function(form) { 
	
	form.submit(); 
	}
});

$().ready(function() {
	// validate the comment form when it is submitted
	//$("#commentForm").validate();	

$("#commentForm").validate({
		rules: {
			title: {
				required: true,
				minlength: 2
			},
			email: {
				required: true,
				email: true
			},
			verify: {
				required: true,
				minlength: 4
				
			}
			},
		messages: {
			title: "Please enter your title",
			email: "Please enter a valid email address",
			verify: "Please enter a valid  verify code"
			}
	});
});
</script>


</head>
<body class="thrColAbsHdr">
<div id="container">
 <? include("inc/header.php");?> 
  <!-- end #header -->
</div>
<div id="seccontent">
  <div id="seccontent_left">
  <? include("inc/left.php");?> 
</div>
  <!-- end #content-left -->
  <div id="seccontent_right">
 <form  method="post" action="dohelp.php" id="commentForm" class="cmxform" >
                <input type="hidden" name="ok" value="ok"/>
					<p>
						<label for="title" class="requiredlabel"><strong>Title</strong></label>
						<input type="text" size="30" value="" id="title" name="title" />
					</p>
					<p>
						<label for="company" >userName</strong></label>
						<input type="text" size="30" value="" id="userName" name="userName"/>
					</p>
					<p>
						<label for="adress" >Tel</font></label>
						<input type="text" size="30" value="" id="tel" name="tel"/>
					</p>
					<p>
						<label for="email" class="requiredlabel"><strong>Email</strong></label>
						<input type="text" size="30" value="" id="email" name="email"  />
					</p>
					
					<p>
						<label for="comment">Detail</label>
						<textarea tabindex="4" rows="10" cols="50" id="detail" name="detail"></textarea>
					</p>
                    <p>
						<label for="comment"  class="requiredlabel"><strong>Identifying Code<br/></strong></label>
						<input type="text" size="10" name="verify" id="verify"/>
                     <img style="cursor:pointer" title="Refresh" id="refresh" border='0' src='verify.php'   
# onclick="document.getElementById('refresh').src='verify.php?t='+Math.random()"/>
					</p>
					<p id="buttons">
						<input type="submit" value="Submit" id="submit" name="submit" class="submit"/>
						<input type="reset" value="Reset" id="reset" name="submit"/>
					</p>
				</form>	
 
  
 
  </div>
     <!-- end #content-right -->
 </div>
 <? include("inc/footer.php")?>
 
<!-- end #container --></div>
 <!-- end #content -->
  

</body>
</html>
